@keyframes typingLoader {
    0% {
        opacity: .4;
        transform: translateY(0)
    }

    50% {
        opacity: 1;
        transform: translateY(-.5em)
    }

    to {
        opacity: .4;
        transform: translateY(0)
    }
}

.chatsimple-widget-dot-loader {
    display: inline-block;
    text-align: center
}

.chatsimple-widget-dot {
    width: .5em;
    height: .5em;
    margin: .25em;
    background-color: gray;
    border-radius: 50%;
    display: inline-block;
    animation: typingLoader 1s infinite ease-in-out both
}

.chatsimple-widget-dot:nth-child(2) {
    animation-delay: .1s
}

.chatsimple-widget-dot:nth-child(3) {
    animation-delay: .2s
}

:root {
    --rt-color-white: #fff;
    --rt-color-dark: #222;
    --rt-color-success: #8dc572;
    --rt-color-error: #be6464;
    --rt-color-warning: #f0ad4e;
    --rt-color-info: #337ab7;
    --rt-opacity: .9
}

.core-styles-module_tooltip__3vRRp {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-out;
    visibility: hidden;
    will-change: opacity, visibility
}

.core-styles-module_fixed__pcSol {
    position: fixed
}

.core-styles-module_arrow__cvMwQ {
    background: inherit;
    position: absolute
}

.core-styles-module_noArrow__xock6 {
    display: none
}

.core-styles-module_clickable__ZuTTB {
    pointer-events: auto
}

.core-styles-module_show__Nt9eE {
    opacity: var(--rt-opacity);
    visibility: visible
}

.styles-module_tooltip__mnnfp {
    border-radius: 3px;
    font-size: 90%;
    padding: 8px 16px;
    width: -webkit-max-content;
    width: max-content
}

.styles-module_arrow__K0L3T {
    height: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 8px
}

.styles-module_dark__xNqje {
    background: var(--rt-color-dark);
    color: var(--rt-color-white)
}

.styles-module_light__Z6W-X {
    background-color: var(--rt-color-white);
    color: var(--rt-color-dark)
}

.styles-module_success__A2AKt {
    background-color: var(--rt-color-success);
    color: var(--rt-color-white)
}

.styles-module_warning__SCK0X {
    background-color: var(--rt-color-warning);
    color: var(--rt-color-white)
}

.styles-module_error__JvumD {
    background-color: var(--rt-color-error);
    color: var(--rt-color-white)
}

.styles-module_info__BWdHW {
    background-color: var(--rt-color-info);
    color: var(--rt-color-white)
}

@media (min-width: 768px) {
    #chatsimple-widget-container-right {
        bottom: 1.2em !important;
        right: 1.2em !important
    }

    #chatsimple-widget-container-left {
        bottom: 1.2em !important;
        left: 1.2em !important
    }
}

.chatsimple-widget-main {
    background-color: #fff !important;
    box-shadow: 0 1px 3px #0000001a, 0 1px 2px #0000000f !important;
    width: 92vw !important;
    height: 77vh !important;
    max-width: 600px !important;
    max-height: 92vh !important;
    min-width: 340px !important;
    min-height: 480px !important;
    display: flex !important;
    flex-direction: column !important;
    border-radius: 1.5em !important
}

@media (min-width: 768px) {
    .chatsimple-widget-main {
        width: 60vw !important
    }
}

@media (min-width: 1024px) {
    .chatsimple-widget-main {
        width: 30vw !important
    }
}

.chatsimple-widget-content {
    padding: 1.5em 1em 1em !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1em !important;
    overflow-y: auto !important;
    height: calc(100% - 6em) !important
}

.chatsimple-widget-terms {
    background-color: #f9f9f9 !important;
    padding: 2em !important;
    border-bottom-left-radius: 1.5em !important;
    border-bottom-right-radius: 1.5em !important
}

.chatsimple-widget-cursor-pointer {
    cursor: pointer !important
}

.chatsimple-widget-button-1,
.chatsimple-widget-button-2 {
    color: #fff !important;
    padding: .5em !important;
    border-radius: 9999px !important;
    outline: none !important
}

.chatsimple-widget-button-1 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important
}

.chatsimple-widget-button-2 {
    padding-left: 1.25em !important;
    padding-right: 1.25em !important
}

button.chatsimple-tw-flex.chatsimple-tw-items-center {
    display: none;
}